import React, { Component } from "react";
import {Link,Redirect } from 'react-router-dom'
class Index extends Component {
    constructor(props) {
        super(props);
        this.state = {
            list: [
                { cid: 123, title: '技术胖的个人博客-1' },
                { cid: 456, title: '技术胖的个人博客-2' },
                { cid: 789, title: '技术胖的个人博客-3' },
            ]
        }
        // js重定向
        this.props.history.push("/home/");  
    }

    render() {
        return (
            <div>
                            {/* // index组件定位到home组件 */}

            {/* <Redirect to="/home/" /> */}
            <ul>
                {
                    this.state.list.map((item,index)=>{
                        return (
                        <li key={index}>
                            <Link to={'/list/'+item.cid}>{item.title}</Link>
                        </li>
                        )
                    })
                }
            </ul>
            </div>
         
        )
    }
}
export default Index;